import React from 'react';
import SwipeView from 'react-swipeable-views';
import styles from './IndexCompanyList.less';

const companyList = [
  [
    '1.jpg',
    '2.jpg',
    '3.jpg',
    '4.jpg',
    '5.jpg',
    '6.jpg',
    '7.jpg',
    '8.jpg',
    '9.jpg',
    '10.jpg',
    '11.jpg',
    '12.jpg',
  ],
];

const IndexCompanyList: React.FC = () => {
  return (
    <div className={styles.container}>
      <div className={styles.headerTitle}>4年服务80+大中型集团企业</div>
      <SwipeView enableMouseEvents slideStyle={{ display: 'flex', justifyContent: 'center' }}>
        {companyList.map((itemList, index) => (
          <div key={index} className={styles.swipeItem}>
            {itemList.map((n, i) => (
              <img key={i} src={`/images/index/company_list/${n}`} alt="" />
            ))}
          </div>
        ))}
      </SwipeView>
    </div>
  );
};

export default IndexCompanyList;
